.left_8px{
padding-left:8px;
}
.title1,.title2{
font-weight:bold;
border-bottom:1px solid #999;
margin-bottom:1px;
padding-top:10px;
padding-bottom:4px;
}
.title2{
font-size:16px;
text-align:center;
}
a.a_raw:link,a.a_raw:visited{
	color:#666;
	text-decoration:underline;
}
a.a_raw:hover{
	color:#666;
	text-decoration:underline;
}

a.a_noline:link,a.a_noline:visited{
	color:#666;
	text-decoration:none;
}
a.a_noline:hover{
	color:#666;
	text-decoration:underline;
}
blockquote{
	border:1px dashed #999;
	background-color:#F9F9F9;
	padding:10px;
}
code{
	background-color:#EEE;
}
/*----------------for myhome.html---------------*/
#content{
background-color:#FFF;
clear:both;
width:990px;
padding:16px;
margin-right:auto;
margin-left:auto;
overflow:auto;height:100%;
}
#main_home{
}	
	#main_home #left{
	float:left;
	width:170px;
	margin-right:20px;
	}
#left ul{list-style:none;margin:0;padding:0;}
#left ul li{
	display:block;
	background:url(../images/dot_square.gif) left 10px no-repeat;
	padding-left:10px;
}

		#me{
		font-size:13px;
		border:1px solid #CCC;
		padding:12px 10px 10px 10px;
		background:url(../images/bg_me.gif) repeat;
		text-align:center;
		line-height:180%;
		}
			#img_headshot{
			border:1px solid #FFF;
			width:120px;
			height:108px;
			}
			#me p{
				overflow:hidden;
				word-wrap:break-word;
				word-break:break-all;
				text-align:left;
				padding-top:2px;}
		#main_home #tips{
			padding:0px 10px 10px 10px;
			margin-top:10px;
			border:1px solid #CCC;
		}
		#tips li{display:block;}
		#action{
		margin-top:10px;
		}
		#action_title{
		background:url(../images/action_title.jpg) repeat-x;
		height:21px;
		color:#FFF;
		padding:2px 4px;
		font-size:14px;
		font-weight:bold;
		}
		#action_body{
		padding:4px 10px 8px 10px;
		border-left:1px solid #CCC;
		border-right:1px solid #CCC;
		border-bottom:1px solid #CCC;
		}
			#action_body p{padding-top:6px;}
	#main_home #middle{
	float:left;
	width:80%;
	margin-right:10x;
	}
		#navigation{font-size:12px;}
		#main_home #m1{}
		#main_home table{
		width:100%;
		}

		.m1_title{
		font-weight:bold;
		font-size:14px;
		border-bottom:1px solid #D9001D;
		}
		#m1 td{height:26px;}
			#but_addevent{
			width:100px;
			height:24px;
			margin-top:10px;
			margin-bottom:10px;
			border:0px;
			background:url(../images/but_addevent.jpg) no-repeat;
			cursor:pointer;
			}
		#main_home #m2{margin-top:30px;}
		#switch_menu {}
		#switch_menu td{
		height:22px;
		font-size:14px;
		text-align:center;
		border-bottom:1px solid #D9001D;
		}
		#m2 .td_slot{width:6px;}
			#new_event_title,#new_concern_title,#new_comment_title,#new_message_title{
			border:1px solid #D9001D;
			}
			#new_event_title{
			width:84px;
			}
			#new_comment_title{width:56px;}
			#new_message_title{width:56px;}
			#new_event{padding-top:10px;}
				.each_event{
				padding-left:20px;
				background: url(../images/dot_square.gif) no-repeat 10px 8px;
				}
				.time{
				padding-right:24px;
				}
			#new_comment,#new_message{
			}
				.tip{
				height:22px;
				color:#666;
				font-size:12px;
				padding-left:10px;
				background-color:#E8E8E8;
				}
				
				.time{
				color:#666;
				padding-left:10px;
				text-align:left;
				}
				.each_comment,.each_message{
				border-bottom:1px solid #CCC;
				margin-bottom:6px;
				}
	#main_home #main_right{
	text-align:left;
	width:154px;
	float:right;
	}
/*----------------event.html---------------------------*/
#event_title{
padding-left:24px;
font-size:14px;
width:77%;
margin-top:10px;
background: url(../images/dot_square_big.gif) no-repeat 8px 10px;
font-weight:bold;
}
			#but_addblog{
			width:71px;
			height:24px;
			border:0px;
			margin-bottom:6px;
			background:url(../images/but_wblog.png) no-repeat;
			cursor:pointer;
			}
		#event_content{
		width:94%;
		padding-left:3%;
		padding-top:4px;
		}
		#event_content p{
		}
		#event_plan_title,#event_log_title,#event_concern_title,#event_blog_title{
			border:1px solid #D9001D;
			}
			#event_plan_title{
			border-bottom-color:#FFF;
			width:86px;
			}
			#event_log_title{width:86px;}
			#event_blog_title{width:86px;}
			#event_concern_title{width:58px;}
			.td_12px_title{
			font-size:13px;
			font-weight:bold;
			background-color:#E8E8E8;
			}
			.checkbox{
			vertical-align:middle;
			text-align:center;
			}
			.add_but{
			padding-top:6px;
			text-align:right;
			}
		#event_log{
		padding-top:10px;
		}
		#submit_subevent{
		background:#E8E8E8;
		border:1px  dashed #CCC;
		margin-top:8px;
		padding-bottom:4px;
		padding-right:8px;
		}
		#submit_subevent td{
		height:30px;}

/*--------------------blogissue.html------------------------*/
			.but_submit{
			width:59px;
			height:24px;
			border:0px;
			margin:10px 0 6px 16px;
			background:url(../images/but_submit.jpg) no-repeat;
			cursor:pointer;
			}
/*----------------for blogdetail.html---------------*/
#timenote{
color:#666;
text-align:right;
font-size:12px;
}
#blog_content{margin:10px;line-height:200%;}

#blog_content ul{
	list-style:none;
	margin:0;padding:0;
}
#blog_content ul li{
	background:url(../images/dot_square.gif) left  10px no-repeat;
	line-height:150%;
	display:block;
	padding-left:10px;
	vertical-align:bottom;
}


#blog_content p{
text-indent:2em;
margin-bottom:8px;
}
#comment{
font-size:12px;
color:#666;
margin-top:30px;
font-weight:bold;
}
	#comment_counter{
	padding-left:22px;
	}
	.dot_triright{background: url(../images/dot_triright.gif) no-repeat 10px 8px;}
	.dot_tridown{background: url(../images/dot_tridown.gif) no-repeat 10px 8px;}
	#comment_body{
	color:#333;
	font-size:12px;}
	#tbody_com{
	color:#333;
	font-size:12px;}
	.each_com{
	margin-bottom:2px;
	}
	.com_info{
	height:24px;
//	border-top:1px solid #CCC;
	margin-bottom:4px;
	}
	#main_home #relate_blog{
	width:134px;
	font-size:12px;
	padding:0 10px 10px 10px;
	border:1px solid #CCC;
	}
	#relate_blog ul{
	display:inline;
	list-style-type:square;
	}
	#relate_blog li{
	display:block;
	}
/*-------------------------for doing.html---------------------------*/
.img_lock{
width:10px;
height:12px;
padding-left:4px;
}
.events{
font-size:12px;
line-height:150%;
border-bottom:1px solid #CCC;
padding-bottom:4px;
}
	.events .event_title{
	font-weight:bold;
	}
	.events table{padding-left:2%;}
	.secret{
	padding-right:14px;
	background:url(../images/dot_lock.gif) no-repeat right;}
/*-------------for findfriend.htm------------------*/
#mes_box,#del_confirm_box,#del_blog_confirm_box{
	position:absolute;
	width:220px;
	left:40%;
	top:26%;
	line-height:150%;
	font-size:12px;
	background-color:#FFF;
	padding:0px 8px 8px 8px;
	border:2px solid #EEE;
}
	#mes_box div{padding-top:8px;}
.textarea{
width:130px;
font-size:12px;
margin-top:8px;
margin-bottom:4px;
height:50px;
border:1px solid #999;
}
/*----------------for message.htm----------------------------*/
.each_mes{
border-bottom:1px solid #CCC;
margin-bottom:0px;
}
#mes_produce{margin-top:10px;}
/*----------------for tip.htm----------------------------*/
.each_tip{
margin-bottom:0px;
}
.tip_info{
text-align:right;
border-bottom:1px solid #CCC;
}
/*-------------------for event_list.htm------------------------*/
.date_td{width:160px;}
.progressbar{
	border:1px #000 solid;
	width:60px;
	height:8px;
	font-size:0px;
}
.progresskenerl{
	height:100%;
	background-color:#CC0;
}
.title_td{width:68%;}

/*for blog view*/
.lbox{
	margin-top:10px;
}
.lbox_title{
	background-color:#F0F0F0;
	height:21px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	font-size:14px;
}
.lbox_body{
	padding:4px 10px 0px 0px;
}

.blog_each{
	padding-bottom:22px;
}

.blog_title{
	font-size:16px;
	color:#000;
	border-bottom:1px solid #CCC;
}
.blog_tip{
	font-size:10px;
	color:#999;
}
.blog_brief{
	padding-top:6px;
	text-indent:2em;
}

#pages_num{
	text-align:center;
	border-top:1px solid #ccc;
}
/*---------flatpage--------------*/
.flatpage{
line-height:200%;
}